<template>
  <view class="team">
    <view class="name fs-32 bold">我的团队</view>
    <view class="invite flex flex-bt">
      <text>一起</text>
      <view class="btn">立即邀请</view>
    </view>
    <view class="list flex flex-bt">
            <view class="item flex flex-c">
                <text class="title">
                    团队奖励（元）
                </text>
                <text class="num">123456.78</text>
            </view>
            <view class="item flex flex-c">
                <text class="title">
                    今日奖励（元）
                </text>
                <text class="num">123</text>
            </view>
            <view class="item flex flex-c">
                <text class="title">
                    下级人数
                </text>
                <text class="num">12</text>
            </view>
        </view>
  </view>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
@import url("../../../assets/styles/common.less");
.team {
  padding: 32rpx;
  background: #fff;
  border-radius: 16rpx;
  margin-top: 24rpx;
  .invite {
    margin-top: 32rpx;
    box-sizing: border-box;
    padding: 36rpx 32rpx;
    background: #f5f7fe;
    border-radius: 16px 16px 16px 16px;
    .btn {
      width: 144rpx;
      height: 48rpx;
      background: linear-gradient(135deg, #819cff 0%, #436af3 100%);
      border-radius: 24rpx;
      font-size: 24rpx;
      color:#fff;
      text-align: center;
      line-height: 48rpx;
    }
  }
  .list{
        margin-top:32rpx;
        .item{
            .title{
                font-size: 24rpx;
                color: rgba(7,11,28,0.6);
            }
            .num{
                font-size: 28rpx;
                color: rgba(7,11,28,0.9);
                margin-top: 16rpx;
                font-weight: bold;
            }
        }
    }
}
</style>
